.layui-laydate {
	background-color: hsl(var(--b1)) !important;
	border-color: hsla(var(--bc) / 0.2) !important;
	&-header {
		border-color: hsla(var(--bc) / 0.2) !important;
	}
	&-content {
		th {
			color: hsl(var(--p)) !important;
		}
		td {
			color: hsl(var(--bc)) !important;
			&:hover {
				background-color: hsla(var(--p) / 0.6) !important;
			}
		}
		.laydate-day-prev,
		.laydate-day-next {
			// color:hsl(var(--b3)) !important;
			color: hsla(var(--bc) / 0.3) !important;
		}
	}
	&-list {
		background-color: hsl(var(--b1)) !important;
		li {
			&:hover {
				color: hsla(var(--bc) / 1) !important;
				background-color: hsla(var(--p) / 0.6) !important;
			}
			ol {
				border-color: hsla(var(--bc) / 0.2) !important;
			}
		}
	}
	&-footer {
		border-color: hsla(var(--bc) / 0.2) !important;
		span {
			--tw-bg-opacity: 1;
			background-color: hsl(var(--na)) !important;
			color: hsl(var(--bc)) !important;
			border-color: hsl(var(--b3)) !important;
		}
	}
	.layui-laydate-content {
		.layui-this {
			background-color: hsl(var(--p)) !important;
		}
	}
	&-range {
		.laydate-main-list-1 .layui-laydate-content {
			// border-left: 1px solid #e2e2e2;
			border-color: hsla(var(--bc) / 0.2) !important;
		}
	}
}
.laydate-theme-grid {
	.layui-laydate-content {
		thead {
			// border:1px solid hsla(var(--bc) / .2) !important;
			border-color: hsla(var(--bc) / 0.2) !important;
		}
		td {
			border-color: hsla(var(--bc) / 0.2) !important;
		}
	}
}
// .laydate-footer-btns span {
//     height: 26px;
//     line-height: 26px;
//     margin: 0 0 0 -1px;
//     padding: 0 10px;
//     border: 1px solid #C9C9C9;
//     background-color: #fff;
//     white-space: nowrap;
//     vertical-align: top;
//     border-radius: 2px;
// }
